/* CSS Document */ /**common**/ * { margin: 0; padding: 0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; font: 14px/1.5 Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif; } table, td, tr, th { border-collapse: collapse; border-spacing: 0; font-size: 14px; } ol, ul { list-style: none; } li { list-style-type: none; } img { vertical-align: middle; border: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; } address, cite, code, em, th, i { font-weight: normal; font-style: normal; } .clear { clear: both; *zoom:1; } .clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; } a { text-decoration: none; color:#666;} a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .fl { float: left; } .fr { float: right; } .w1300 { width: 1300px; margin: 0 auto; } @media screen and (max-width:1300px) and (min-width:1200px) { .w1300 { width: 95%; } } @media screen and (max-width:1199px) and (min-width:1080px) { .w1300 { width: 95%; } } @media screen and (max-width:1079px) and (min-width:768px) { .w1300 { width: 95%; } } @media screen and (max-width:767px) { .w1300 { width: 95%; } } /*========== New 首页样式 begin ==========*/ /*头部及logo区域*/ .h_top { font-size: 0; padding: 0 0; } .h_top .logo { } .h_top .logo a { display: block; } .h_top .logo img { height: 130px; } .h_top .tel { padding: 15px 0 7px 48px; background: url(../images/top_tel.png) no-repeat left center; margin: 30px 0; max-width: 236px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .h_top .tel span { font-size: 14px; color: #666; display: block; line-height: 100%; } .h_top .tel p { font-size: 28px; color: #59bc2b; font-weight: bold; line-height: 100%; margin-top: 7px; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { .h_top .tel { margin: 16px 0; } .h_top .logo { text-align: left; width: 62%; } .h_top .logo img { height: 100px; } } @media screen and (max-width:767px) { .h_top .logo img { max-width: 100%; height: auto; } .h_top .tel { display: none; } } /*导航*/ .ly_nav { width: 100%; margin: 0; background-color: #212d3a; } .nav { width: 100%; } .nav_item { float: left; position: relative; margin: 0; width: 14.2%; } .nav_item:after { content: ''; display: block; width: 100%; height: 58px; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/nav_line.png) no-repeat right center; } .nav_item:last-child:after { background: none; } .nav_item > a { display: block; width: 100%; height: 58px; line-height: 58px; color: #fff; font-size: 16px; text-align: center; -webkit-transition: all .4s; transition: all .4s; text-decoration: none; position: relative; z-index: 1; } .nav_item:hover>a { color: #fff; } .nav_item:hover:after { background: url(../images/navbg.png) repeat-x; } .nav_item.on>a { color: #fff; } .nav_item.on:after { background: url(../images/navbg.png) repeat-x; } .nav_item > a:hover:after { width: 50%; } .nav_item > a.active:after { width: 50%; } .menu_open { display: none; } .nav_item_open { width: 100%; height: auto; position: absolute; left: 0; top: 100%; z-index: 10; box-shadow: 0 4px 8px 0 rgba(0,12,49,0.1); background: rgba(0,0,0,.5); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; border-top: 4px solid #01557a; margin-top: 0; } .nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .subopen { display: none; } .nav_item2 { width: 100%; line-height: 48px; } .nav_item2 a { display: block; padding: 0 4%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .nav_item2:hover a { background-color: #212d3a; color: #fff; text-decoration: none; } .hcover { display: none; } @media screen and (max-width:1199px) and (min-width:1080px) { .nav_item > a { font-size: 15px; } } @media screen and (max-width:1079px) and (min-width:768px) { .nav_item > a { font-size: 15px; } .nav_item:first-child > a:before { display: none; } } @media screen and (max-width:767px) { .ly_nav { position: static; width: auto; z-index: 9999999; background-color: #fff; border: 0; } .menu_open { display: block; float: right; width: 40px; height: 40px; padding: 5px 0; border: 1px solid #eaeaea; position: fixed; top: 15px; right: 2%; box-sizing: border-box; z-index: 999999; cursor: pointer } .menu_open i { height: 2px; width: 50%; background-color: #59bc2b; display: block; margin: 5px auto; } .menu_open:active { background-color: #59bc2b; border: 1px solid #59bc2b; } .menu_open:active i { background-color: #fff; } .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 9999999; overflow: hidden; background-color: #212d3a; } .hcover { display: block; width: 50%; height: 100%; background: rgba(0,0,0,.5); position: fixed; right: -50%; top: 0; z-index: 9999999; } .nav_ul { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 10px; text-align: left; } .nav_item { float: none; margin: 0; width: 100%; height: 50px; position: relative; } .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); transform: skewX(0deg); -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); height: 50px; } .nav_item > a { display: block; height: 50px; line-height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; font-size: 14px; color: #fff; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nav_item > a:active { background-color: #0065a4; } .nav_item > a:after { display: none; } .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 100%; display: block; } .nav_item i:after { content: ''; display: block; width: 8px; height: 8px; margin-bottom: -4px; border: 1px solid rgba(255,255,255,.5); border-top: 0; border-left: 0; position: absolute; bottom: 50%; right: 22px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: #006ccc; border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; border-top: none; } .subopen { display: block; } .subopen a { display: block; overflow: hidden; margin: 0; padding: 15px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgba(255,255,255,.5); background: rgba(0,0,0,.1); text-indent: 30px; position: relative; } .subopen a:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255,255,255,.5); border-right: 0; border-bottom: 0; } .nav_item2 { position: relative; } .nav_item2 a { width: 100%; display: block; line-height: 30px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; margin: 0; padding: 10px; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 14px; } .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(0,0,0,.1); } .nav_item > a:hover, .nav_item > a.navon { background: none; } .nav_item:first-child > a:before { display: none; } } /*----宽屏*banner----*/ .apple-banner { width: 100%; height: 600px; overflow: hidden; margin: 0 auto; } .apple-banner .swiper-container1 { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .apple-banner .swiper-container1 .swiper-slide { background-size: 1920px 600px!important; } /*分页器*/ .apple-banner .swiper-container1 .swiper-pagination { width: 100%; height: 10px; overflow: hidden; margin: 0; padding: 0; left: 0; bottom: 20px!important; } .apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; border-radius: 50%; opacity: 0.5; background-color: #fff; } .apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } .apple-banner .swiper-container1 .swiper-button-prev, .apple-banner .swiper-container1 .swiper-button-next { width: 48px!important; height: 48px!important; top: 50%!important; margin: -24px 0 0!important; } .apple-banner .swiper-container1 .swiper-button-prev { background: url(../images/prev01.png) center center no-repeat; background-size: 48px 48px; left: 0; } .apple-banner .swiper-container1 .swiper-button-next { background: url(../images/next01.png) center center no-repeat; background-size: 48px 48px; right: 0; } @media screen and (max-width:1300px) and (min-width:1200px) { .apple-banner { height: 472px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 1510px 472px!important; } } @media screen and (max-width:1199px) and (min-width:1080px) { .apple-banner { height: 425px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 1360px 425px!important; } } @media screen and (max-width:1079px) and (min-width:768px) { .apple-banner { height: 300px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 960px 300px!important; } } @media screen and (max-width:767px) { .apple-banner { height: 163px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 520px 163px!important; } .apple-banner .swiper-container1 .swiper-button-prev, .apple-banner .swiper-container1 .swiper-button-next { display: none; } } @media screen and (max-width:375px) { .apple-banner { height: 140px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 450px 140px!important; } } @media screen and (max-width:320px) { .apple-banner { height: 140px; } .apple-banner .swiper-container1 .swiper-slide { background-size: 440px 140px!important; } } /*首页产品搜索*/ .h_search { background: #eee; height: 61px; border-bottom: 1px solid #dedede; } .h_search .w1300>.fl { width: 65%; padding-top: 20px; box-sizing: border-box; } .h_search .w1300>.fl .bd { color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .h_search .w1300>.fl .bd span { color: #333; font-weight: bold; font-size: 15px; } .h_search .w1300>.fl .bd a { border-right: 1px dotted #a4a4a4; font-size: 14px; color: #666; font-weight: normal; padding: 0 26px; } .h_search .w1300>.fl .bd a:last-child { border-right: none; } .h_search .fr { width: 22%; margin-top: 12px; } .h_search .fr .search { overflow: hidden; width: 100%; } .h_search .fr .search .input { width: 82%; height: 38px; padding: 0 9px 0 20px; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; background: none; border: 1px solid #59bc2b; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background:#fff; } .h_search .fr .search .submit { width: 18%; height: 38px; background: #59bc2b; cursor: pointer; border: none; outline: none; font-size: 13px; font-weight: bold; color: #fff; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .h_search .w1300>.fl { display: none; } .h_search .fr { width: 100%; float: none; } .h_search {padding: 10px 0; } .h_search .fr .search { margin: 0; } .h_search .fr .search .input { width: 85%; } .h_search .fr .search .submit { width: 15%; } } @media screen and (max-width:767px) { .h_search .w1300>.fl { display: none; } .h_search .fr { width: 100%; float: none; } .h_search { padding: 10px 0; } .h_search .fr .search { margin: 0; } } /*首页产品展示*/ .h_product_box { padding-top: 40px; padding-bottom: 26px; } .h_public_title { text-align: center; margin-bottom: 20px; } .h_public_title p { font-size: 35px; color: #333; font-weight: bold; margin-bottom: 10px; } .h_public_title p i { font-style: normal; color: #59bc2b; font-weight: bold; } .h_public_title span { display: block; background: url(../images/title_ico.png) no-repeat center center; height: 22px; } .h_public_title2 p { color: #fff; margin-bottom: 20px; } .h_pro_mulu { margin: 30px 0; text-align: center; height: 55px; overflow: hidden; } .h_pro_mulu a { display: inline-block; width: 16%; height: 55px; line-height: 55px; text-align: center; color: #fff; position: relative; font-size: 16px; margin: 0 1% 0 0; vertical-align: middle; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #212d3a; } .h_pro_mulu a:hover { background: url(../images/productbg.png) repeat-x; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { .h_product_box { padding-top: 26px; padding-bottom: 15px; } } @media screen and (max-width:767px) { .h_product_box { padding-top: 26px; padding-bottom: 15px; } .h_public_title { margin-bottom: 20px; } .h_public_title p { font-size: 30px; } .h_pro_mulu { height: 82px; } .h_pro_mulu { margin: 12px 0 8px; } .h_pro_mulu a { width: 25%; height: 34px; line-height: 34px; font-size: 13px; margin-bottom: 10px; } } /*右侧产品展示*/ .h_product_box .h_pro_list { padding: 15px 0; min-height: 364px; } .h_product_box .h_pro_list li { width: 22.75%; margin-right: 3%; margin-bottom: 30px; transition: all .3s; float: left; } .h_product_box .h_pro_list li:nth-child(4n) { margin-right: 0; } .h_product_box .h_pro_list li .pic { display: block; height: 285px; background: #fff; text-align: center; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; overflow: hidden; position: relative; border: 1px solid #d8d8d8; } .h_product_box .h_pro_list li .pic img { max-width: 95%; max-height: 95%; vertical-align: middle; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .h_product_box .h_pro_list li .pic .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle } .h_product_box .h_pro_list li .wz { overflow: hidden; border-bottom: 1px solid #d8d8d8; text-align: center; } .h_product_box .h_pro_list li .wz .tlt { display: block; height: 50px; line-height: 50px; color: #666; font-size: 16px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/h_pro_jt.png) right center no-repeat; } .h_product_box .h_pro_list li:hover .wz { text-align: left; background: url(../images/cp_hover.png) no-repeat right center; border-bottom: 1px solid #59bc2b; } .h_product_box .h_pro_list li:hover .wz .tlt { color: #59bc2b; width: 80%; } .h_product_box .h_pro_list li:hover .pic { border: 1px solid #59bc2b; box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.1); } .h_product_box .h_pro_list li:hover .pic img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } @media screen and (max-width:1199px) and (min-width:1080px) { .h_product_box { padding-top: 26px; padding-bottom: 15px; } } @media screen and (max-width:1079px) and (min-width:1024px) { .h_product_box .h_pro_list { min-height: 140px; } .h_product_box .h_pro_list li .pic { height: 200px; } .h_product_box .h_pro_list li { margin-bottom: 18px; } .h_product_box .h_pro_list li .wz { padding: 3px 0 12px; } .h_product_box .h_pro_list li .wz .tlt { font-size: 15px; height: 30px; line-height: 30px; } } @media screen and (max-width:1023px) and (min-width:768px) { .h_product_box .h_pro_list { min-height: 140px; } .h_product_box .h_pro_list li .pic { height: 200px; } .h_product_box .h_pro_list li { width:31.3333%;margin-bottom: 18px; } .h_product_box .h_pro_list li:nth-child(3n){ margin-right:0;} .h_product_box .h_pro_list li:nth-child(4n) { margin-right:3%; } .h_product_box .h_pro_list li:nth-child(6n) { margin-right:0; } .h_product_box .h_pro_list li .wz { padding: 3px 0 12px; } .h_product_box .h_pro_list li .wz .tlt { font-size: 15px; height: 30px; line-height: 30px; } } @media screen and (max-width:767px) { .h_product_box .h_pro_list { min-height: 140px; } .h_product_box .h_pro_list li { width: 48.5%; } .h_product_box .h_pro_list li:nth-child(2n) { margin-right: 0; } .h_product_box .h_pro_list li .pic { height: 185px; } .h_product_box .h_pro_list li { margin-bottom: 18px; } .h_product_box .h_pro_list li .wz { padding: 9px 0 12px; } .h_product_box .h_pro_list li .wz .tlt { font-size: 15px; height: 26px; line-height: 26px; background: none; } } /*首页优势*/ .h_ys_box { width: 100%; background: url(../images/ys_bg.png) no-repeat; padding-top: 60px; padding-bottom: 70px; overflow: hidden; background-size: cover; } .h_ys ul.conn { padding-top: 20px; } .h_ys ul.conn li { background: rgba(255,255,255,.1); float: left; margin-right: 2%; width: 23.5%; padding: 65px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: 1px solid #6b6967; box-sizing: border-box; } .h_ys ul.conn li:nth-child(4n) { margin-right: 0; } .h_ys ul.conn li .icon { width: 94px; height: 94px; border-radius: 50%; overflow: hidden; background: #e81816; margin: 0 auto 22px; } .h_ys ul.conn li.a1 .icon { background: url(../images/ys_ico1.png) center center no-repeat; } .h_ys ul.conn li.a2 .icon { background: url(../images/ys_ico2.png) center center no-repeat; } .h_ys ul.conn li.a3 .icon { background: url(../images/ys_ico3.png) center center no-repeat; } .h_ys ul.conn li.a4 .icon { background: url(../images/ys_ico4.png) center center no-repeat; } .h_ys ul.conn li p { font-size: 18px; color: #fff; text-align: center; padding: 1% 4%; } .h_ys ul.conn li span { display: block; text-align: center; font-size: 12px; color: #fff; padding: 0 4%; height: 39px; overflow: hidden; text-transform:uppercase; } .h_ys ul.conn li:hover { background: #59bc2b; } @media screen and (max-width:1079px) and (min-width:1024px) { .h_ys_box { padding: 40px 0; } .h_ys { padding: 0px 0 6px; } } @media screen and (max-width:1023px) and (min-width:768px) { .h_ys_box { padding: 40px 0; } .h_ys { padding: 0px 0 6px; } .h_ys ul.conn li { width:48.5%; margin-bottom:2%;} .h_ys ul.conn li:nth-child(2n) { margin-right: 0; } } @media screen and (max-width:767px) { .h_ys_box { padding: 40px 0; } .h_ys { padding: 0px 0 6px; } .h_ys ul.conn li { width: 100%; margin-right: 0; margin-bottom: 16px; padding: 22px 0; } } /*首页关于我们*/ .ly_idxAbout { width: 100%; min-height: 240px; overflow: hidden; margin: 0 auto; padding: 60px 0; background: url(../images/about_bg.jpg) no-repeat; } .ly_idxAbout .idxAbout_main { margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .idxAbout_main .idxAbout_text { width: 60%; padding: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 2px solid #59bc2b; position: absolute; right: 0; top: 40px; } .idxAbout_text .idxAbout_con { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .idxAbout_con .idxAbout_name { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .idxAbout_con .idxAbout_name a { display: block; width: 100%; max-height: 72px; overflow: hidden; line-height: 36px; color: #333; font-size: 30px; font-weight: bold; margin: 0 auto; padding: 0; } .idxAbout_con .idxAbout_ms { width: 100%; overflow: hidden; margin: 15px auto 25px; padding: 0; } .idxAbout_con .idxAbout_ms p { width: 100%; height: 120px; overflow: hidden; line-height: 29px; color: #999; font-size: 15px; text-align: justify; word-break: break-all; margin: 0 auto; padding: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .idxAbout_con a.idxAbout_more { display: block; width: 129px; height: 79px; overflow: hidden; line-height: 79px; color: #fff; font-size: 14px; text-align: center; background-color: #59bc2b; margin: 0; padding: 0; left: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: -40px; } .idxAbout_main .idxAbout_img { width: 50%; height: 381px; overflow: hidden; margin: 0; padding: 0; } .idxAbout_main .idxAbout_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .idxAbout_main .idxAbout_img a img { display: block; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; bottom: 0; } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxAbout { padding: 40px 0; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxAbout { padding: 40px 0; } .idxAbout_main .idxAbout_img { width: 100%; } } @media (max-width: 767px) { .ly_idxAbout { padding: 40px 0; } .idxAbout_main .idxAbout_img { display: none; } .idxAbout_main .idxAbout_text { position: inherit; width: 100%; top: 0; padding: 5%; } .idxAbout_con a.idxAbout_more { height: 59px; line-height: 59px; bottom: -30px; } .idxAbout_con .idxAbout_name a { font-size: 25px; } } @media (max-width:350px) { } /*首页关于我们下面的图片*/ .ly_idxAbout .mainCon { margin-top: 30px; } .ly_idxAbout .mainCon ul { width: 100%; } .ly_idxAbout .mainCon li { float: left; width: 23.5%; position: relative; margin-left: 2%; } .ly_idxAbout .mainCon li .mainCon_img{ height:auto; overflow:hidden;} .ly_idxAbout .mainCon li img { display: block; max-height: 100%; max-width: 100%; margin: auto;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .ly_idxAbout .mainCon li p { width: 100%; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #fff; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.5); ; } .ly_idxAbout .mainCon li:first-child { margin-left: 0; } .ly_idxAbout .mainCon li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { } @media (max-width: 767px) { .ly_idxAbout .mainCon li { width: 49%; margin: 10px 2% 10px 0; } .ly_idxAbout .mainCon li:nth-child(2n+2) { margin-right: 0; } .ly_idxAbout .mainCon li p { height: 35px; line-height: 35px; } } /*首页新闻中心*/ .ly_idxNews { width: 100%; background: url(../images/zx_bg.jpg) no-repeat #fafafa; overflow: hidden; padding: 60px 0; } .ly_idxNews .NewsCon { background: #fff; overflow: hidden; padding: 40px; box-sizing: border-box; box-shadow: 0px 1px 40px 1px rgba(0, 0, 0, 0.1); min-height:300px; } .ly_idxNews .NewsCon .ly_news { width: 48.5%; float: left; margin-right: 3%; } .ly_idxNews .NewsCon .ly_news .newstlt { overflow: hidden; height: 60px; background: url(../images/news_bt.png) no-repeat left center; padding-left: 30px; padding-top: 13px; box-sizing: border-box; } .ly_idxNews .NewsCon .ly_news .arttlt { overflow: hidden; height: 60px; background: url(../images/article_bt.png) no-repeat left center; padding-left: 30px; padding-top: 13px; box-sizing: border-box; } .ly_idxNews .NewsCon .ly_news .newstlt p { float: left; font-size: 22px; color: #333; font-weight: bold; } .ly_idxNews .NewsCon .ly_news .newstlt p span { color: #e0e0e0; text-transform: uppercase; display: inline-block; margin-left: 10px; } .ly_idxNews .NewsCon .ly_news .newstlt a { display: block; float: right; color: #45a643; font-size: 15px; margin-top: 5px; } .ly_idxNews .NewsCon .ly_news .newstlt a img { display: inline-block; margin: 0 0 5px 10px; } .ly_idxNews .NewsCon .ly_news dl { height: 80px; padding-bottom: 25px; border-bottom: 1px dashed #e1e1e1; } .ly_idxNews .NewsCon .ly_news dl dt { width: 25%; height: 86px; position: relative; } .ly_idxNews .NewsCon .ly_news dl dt img { max-width: 100%; max-height: 100%; display: block; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .ly_idxNews .NewsCon .ly_news dl dd { width: 72%; overflow: hidden; } .ly_idxNews .NewsCon .ly_news dl dd .news_tlt { height: 35px; line-height: 35px; } .ly_idxNews .NewsCon .ly_news dl dd .news_tlt a { display: block; font-size: 16px; color: #121515; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 70%; } .ly_idxNews .NewsCon .ly_news dl dd .news_tlt a:hover { color: #59bc2b; } .ly_idxNews .NewsCon .ly_news dl dd p { width: 100%; height: 48px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-align: justify; padding: 0; position: relative; margin-top: 5px; } .ly_idxNews .NewsCon .ly_news dl dd span { display: block; overflow: hidden; float: right; color: #999; font-size: 15px; margin: 0 auto; padding: 0; } .h_newslist .l2 { width: 100%; background: #fff; padding: 12px 0; border-bottom: 1px dashed #eaeaea; box-sizing: border-box; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .h_newslist .l2 .c_wrap { width: 100%; position: relative; margin: 0; padding: 0; } .h_newslist .l2 .img { float: left; width: 218px; height: 123px; position: absolute; left: 0; top: 0; line-height: 0; overflow: hidden; } .h_newslist .l2 .img img { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic; } .h_newslist .l2:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .h_newslist .l2 .tit { width: 100%; height: 30px; overflow: hidden; line-height: 30px; position: relative; position: relative; margin: 0 auto 2px; padding-right: 100px; overflow: hidden; box-sizing: border-box; } .h_newslist .l2 .tit a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #121515; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; } .h_newslist .l2 .tit a em { display: block; width: 4px; height: 4px; overflow: hidden; margin: 13px 10px 13px 0; padding: 0; background-color: #59bc2b; opacity: 0.6; float: left; } .h_newslist .l2 .time { width: 100px; height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 15px; font-family: Arial; text-align: right; position: absolute; right: 0; top: 0; } .h_newslist .l2 .info { width: 100%; height: 50px; overflow: hidden; line-height: 25px; color: #999; font-size: 14px; text-align: justify; } .h_newslist .l2:hover .tit a { color: #59bc2b; } .h_newslist .l2:hover .tit a em { opacity: 1; } .ly_idxNews .NewsCon .ly_article { width: 48.5%; float: right; margin: 0; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxNews { padding: 40px 0; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxNews { padding: 40px 0; } .ly_idxNews .NewsCon .ly_news { width: 100%; } .ly_idxNews .NewsCon .ly_article { margin-top: 10px; } } @media (max-width: 767px) { .ly_idxNews { padding: 40px 0; } .ly_idxNews .NewsCon { padding: 3% 5%; } .ly_idxNews .NewsCon .ly_news { width: 100%; } .ly_idxNews .NewsCon .ly_news dl dt { width: 30%; } .ly_idxNews .NewsCon .ly_news dl dd { width: 67%; } .ly_idxNews .NewsCon .ly_news dl { height: 70px; } .ly_idxNews .NewsCon .ly_news dl dd .news_tlt a { width: 60%; font-size: 15px; } .ly_idxNews .NewsCon .ly_news dl dd span { font-size: 14px; } .ly_idxNews .NewsCon .ly_news dl dd p { margin-top: 0; } .ly_idxNews .NewsCon .ly_article { margin-top: 10px; } } @media (max-width: 767px) { .ly_idxNews .NewsCon .ly_news .newstlt p { font-size: 20px; } .ly_idxNews .NewsCon .ly_news .arttlt { height: 50px; } .ly_idxNews .NewsCon .ly_news .newstlt p span { margin-left: 5px; } } /*友情链接*/ .linkbox { padding: 40px 0; background: url("../images/mainbg.jpg") no-repeat center -340px } .link { overflow: hidden; padding: 2%; background: #fff; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; } .link .wtop { font-weight: 400; padding-left: 10px; background: url("../images/line2.png") no-repeat left center; font-size: 20px; color: #333; text-decoration: none } .link .wtop span { display: block; color: #333; margin-top: 3px; text-transform: uppercase; font-size: 14px } .link ul { float: left; width: 100%; margin-top: 5px } .link li { margin-right: 15px; float: left; height: 45px; line-height: 45px } .link li a { font-size: 14px; color: #333 } /*底部*/ .foot_box .footCon { width: 100%; background: #231f20; overflow: hidden; } .foot_lv { border-bottom: 1px solid #393637; overflow: hidden; padding: 40px 0; } .foot_lv .foot_logo { float: left; } .foot_lv .foot_nav { float: right; width: 60%; margin-top: 20px; } .foot_lv .foot_nav ul li { float: left; width: 16.6666667%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; } .foot_lv .foot_nav ul li a { font-size: 16px; color: #fff; display: block; position: relative; } .foot_lv .foot_nav ul li a:before { content: ''; display: block; background: #393637; width: 1px; height: 16px; position: absolute; top: 5px; } .foot_lv .foot_nav ul li:first-child > a:before { display: none; } .foot_lv .foot_nav ul li a:hover { color: #59bc2b; } .footMain { width: 100%; margin: 30px auto; background: url(../images/map.png) no-repeat 100px center; overflow: hidden; } .footMain .foot_tel { float: left; background: url(../images/foot_tel.png) no-repeat left center; padding-left: 70px; width: 35%; margin-top: 40px; } .footMain .foot_tel p { font-size: 18px; color: #918f90; margin-bottom: -5px; } .footMain .foot_tel b { font-size: 30px; color: #59bc2b; display: inline-block; height:36px; } .footMain .foot_ea { float: left; margin-top: 20px; } .footMain .foot_ea p { font-size: 16px; color: #989797; margin: 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .footMain .foot_ea p img { display: inline-block; margin-right: 5px; } .footMain .foot_ea p a { color: #989797; } .footMain .foot_ea p a:hover { color: #59bc2b; } .footMain .foot_ewm { float: right; color: #989797; text-align: center; } .footMain .foot_ewm img{ height:110px;} .footMain .foot_ewm p { margin-top: 10px; font-size: 16px; } .foot_box .foot_b { width: 100%; background: #1b1919; text-align: center; color: #4f4c4d; padding: 20px 0; font-size: 15px; } .foot_box .foot_b a { color: #4f4c4d; } .foot_box .foot_b a:hover { color: #59bc2b; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .foot_lv { text-align: center; } .foot_lv .foot_nav { display: none; } .footMain .foot_ea { margin-top: 0; text-align: center; float: none; } .foot_lv .foot_logo { float: none; } .foot_lv .foot_logo img { max-height: 100%; max-width: 100%; } .footMain .foot_ewm { float: none; margin-top: 10px; } .footMain .foot_tel { display: none; } .footMain { margin: 10px auto 20px; } } @media (max-width: 767px) { .foot_lv { text-align: center; } .foot_lv .foot_nav { display: none; } .footMain .foot_ea { margin-top: 0; text-align: center; float: none; } .foot_lv .foot_logo { float: none; } .foot_lv .foot_logo img { max-height: 100%; max-width: 100%; } .footMain .foot_ewm { float: none; margin-top: 10px; } .footMain .foot_tel { display: none; } .footMain { margin: 10px auto 20px; } } /**nybanner**/ .nybanner { width: 100%; height: 380px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .nybanner img { display: block; width: 1920px; height: 380px; overflow: hidden; margin: 0 0 0 -960px; position: absolute; left: 50%; top: 0; } @media screen and (max-width:1199px) and (min-width:1080px) { .nybanner { width: 100%; height: 300px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .nybanner img { display: block; width: 1920px; height: 300px; overflow: hidden; margin: 0 0 0 -960px; position: absolute; left: 50%; top: 0; } } @media screen and (max-width:1079px) and (min-width:768px) { .nybanner { width: 100%; height: 260px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .nybanner img { display: block; width: 1920px; height: 260px; overflow: hidden; margin: 0 0 0 -960px; position: absolute; left: 50%; top: 0; } } @media screen and (max-width:767px) { .nybanner { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0; } .nybanner img { display: block; width: 180%; height: auto; overflow: hidden; margin: 0 0 0 -40%; position: static; } } /*面包屑 开始*/ .ly_crumb { width:1300px; overflow:hidden; margin:20px auto; padding:0 0 0 24px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_crumb img { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:10px;} .ly_crumb p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#545454; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} .ly_crumb p a { color:#545454;} .ly_crumb p a:hover { color:#59bc2b;} .ly_crumb p span { color:#797979;} @media screen and (max-width:1300px) and (min-width:1200px) { .ly_crumb { width:95%;} } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_crumb { width:95%;} } @media screen and (max-width:1079px) and (min-width:768px) { .ly_crumb { width:96%;} .ly_crumb p { height:auto;} } @media (max-width: 767px) { .ly_crumb { width:94%;} .ly_crumb p { height:auto; line-height:24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:inherit; padding:8px 0 0;} } /*内页小导航切换*/ #mup { font-size: 14px; height: 40px; overflow: hidden; line-height: 40px; margin: 20px 0; padding: 0; } #mup b { border-left: 10px solid #469ff7; font-weight: normal; padding-left: 8px; } .lm_nav { margin: 30px auto; } .lm_nav ul { width: 100%; margin: 0 auto; text-align:center; } .lm_nav ul li { display:inline-block; width:144px; height: 53px; line-height: 53px; font-size: 17px; text-align: center; background: #eee; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; margin-right:15px; border-radius: 5px; } .lm_nav ul li:hover, .lm_nav li.on { background: #59bc2b; } .lm_nav ul li:hover a, .lm_nav ul li.on a { color: #fff; } .lm_nav ul li a { width: 100%; height: 100%; display: block; color: #666; } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { } @media (max-width: 767px) { .lm_nav { margin: 30px auto 0; } .lm_nav ul { width: 100%; } .lm_nav ul li { width:115px; font-size: 15px; height: 45px;line-height: 45px;margin-right: 5px; } } /*内页关于我们*/ .ly_NyAboutus { width: 100%; min-height: 480px; overflow: hidden; margin: 0 auto; padding: 0; } .ny_abbt { margin-bottom: 30px; } .ny_abbt p { margin: 20px auto; padding: 0; text-align: center; font-weight: 400; } .ny_abbt p span { display: block; font-size: 38px; color: #3e3e3e; line-height: 40px; position: relative;/* padding-bottom: 12px; */ } .ny_abbt p i { display: block; font-size: 18px; line-height: 44px; color: #59bc2b; font-family: impact; font-weight: normal; text-transform: uppercase; } /*内页公司介绍 开始*/ .ly_Gsjj { overflow: hidden; margin: 0 auto 60px; padding: 0; } .lyGsjj_main { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .lyGsjj_main .lyGsjj_text { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyGsjj_text p { width: 100%; overflow: hidden; line-height: 30px; color: #777; font-size: 15px; text-align: justify; text-indent: 2em; word-break: break-all; margin: 0 auto; padding: 0; } .lyGsjj_text p span, .lyGsjj_text p em { color: #787878!important; font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif!important; font-size: 14px!important; font-style: normal!important; font-weight: normal!important; } .ly_Gsjj .content { display: flex; margin: 44px 0 0 } .ly_Gsjj .content .left { width: 65%; } .ly_Gsjj .content .left .img { border-radius: 50px 0 0; overflow: hidden } .ly_Gsjj .content .right { width: calc(100% - 65%); padding: 0 0 0 10px } .slow { overflow: hidden } .slow img:hover { transform: scale(1.05); }/*图片放大*/ .slow img { -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }/*缓慢效果*/ .shuzi_box { background: url(../images/n_about_img2.jpg) center repeat; height: 470px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 50px 0; overflow: hidden } .shuzi_box ul li { padding: 26px 0 } .shuzi_box ul li p { font-size: 14px; color: #FFF; line-height: 25px } .shuzi_box ul li b { display: flex; align-items: flex-end; font-weight: normal; } .shuzi_box ul li b big { font-size: 45px; color: #FFF; font-family: Impact; } .shuzi_box ul li b sup { font-size: 28px; color: #FFF; font-family: Impact; align-self: end; margin-left: 8px; } .shuzi_box ul li b small { font-size: 14px; color: #FFF; margin-left: 8px; } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_Gsjj { width: 90%; } } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_Gsjj { width: 96%; } .lyGsjj_text p { text-align: center; text-indent: 0; } } @media screen and (max-width:1023px) and (min-width:768px) { .ly_Gsjj { width: 96%; margin: 0 auto 40px; } .lyGsjj_text p { text-align: center; text-indent: 0; } } @media (max-width: 767px) { .ny_abbt { margin-bottom: 10px; } .ny_abbt p span { font-size: 30px; line-height: 40px; } .ny_abbt p i { font-size: 15px; } .ly_Gsjj { width: 94%; margin: 0 auto 40px; } .lyGsjj_text p { text-align: center; text-indent: 0; } .ly_Gsjj .content { display: inherit; } .ly_Gsjj .content .left { width: 100%; margin-bottom: 5px; } .slow img { max-width: 100%; } .ly_Gsjj .content .right { width: 100%; padding: 0; } .shuzi_box { height: 120px; } .shuzi_box ul { display: flex; } .shuzi_box ul li { padding: 0 10px; } .shuzi_box ul li b big { font-size: 20px; } .shuzi_box ul li b sup { font-size: 18px; } .shuzi_box ul li b small { font-size: 12px; } .shuzi_box ul li p { font-size: 12px; } } /*内页公司介绍 结束*/ /*内页荣誉资质 开始*/ .ny_about_honor { background: #eff0f2; padding: 60px 0; overflow: hidden; } .ny_honor_scoll { width: 100%; padding: 10px 0 25px; } .ny_honor_scoll .item { position: relative; min-height: 240px; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ny_honor_scoll .item .swiper-container4 { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ny_honor_scoll .item .swiper-container4 .swiper-slide { background: #fff; padding: 3% 0; } .ny_honor_scoll .item .swiper-container4 .swiper-slide p { text-align: center; font-size: 16px; color: #434343; padding: 0; transition: .5s; } .ny_honor_scoll .item .swiper-container4 .swiper-slide p a { color: #434343; } /*分页器*/ .ny_honor_scoll .item .swiper-button-prev, .ny_honor_scoll .item .swiper-button-next { width: 25px!important; height: 45px!important; top: 50%!important; margin: -22.5px 0 0!important; } .ny_honor_scoll .item .swiper-button-prev { background: url(../images/jiantou_l.png) center center no-repeat; background-size: 25px 45px; left: 0; } .ny_honor_scoll .item .swiper-button-next { background: url(../images/jiantou_r.png) center center no-repeat; background-size: 25px 45px; right: 0; } .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic { display: block; width: 100%; float: left; height: 260px; background: #fff; text-align: center; position: relative; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 26px; } .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic img { max-width: 95%; max-height: 95%; vertical-align: middle; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .25s; } .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle } .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } @media screen and (max-width:1199px) and (min-width:1080px) { .ny_honor_scoll { padding: 0 0 0; } .ny_honor_scoll .item { overflow: hidden; } .ny_honor_scoll .swiper-container4 .swiper-slide .pic { height: 200px; } } @media screen and (max-width:1079px) and (min-width:768px) { .ny_honor_scoll { padding: 0 0 0; } .ny_honor_scoll .item { overflow: hidden; } .ny_honor_scoll .swiper-container4 .swiper-slide .pic { height: 280px; } .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic { height: 220px; } } @media screen and (max-width:767px) { .ny_about_honor { padding: 30px 0; } .ny_honor_scoll { padding: 8px 0 8px; } .ny_honor_scoll .item { overflow: hidden; min-height: 180px; padding: 0 40px; } .ny_honor_scoll .swiper-container4 .swiper-slide .pic { height: 150px; } } @media screen and (max-width:375px) { .ny_honor_scoll .item .swiper-container4 .swiper-slide .pic { height: 240px; } } /*内页荣誉资质 结束*/ /*内页企业文化 开始*/ .ly_NyAboutus .fl03 { padding: 60px 0; } .ly_NyAboutus .fl03 .img.img_box1 { border-radius: 48px 48px 0 0; overflow: hidden; position: relative; margin-bottom: 20px; } .ly_NyAboutus .fl03 .img.img_box1 .top { position: absolute; top: 156px; right: 200px; } .ly_NyAboutus .fl03 .img.img_box1 .top b { display: block; font-size: 34px; color: #FFF; font-weight: normal; } .ly_NyAboutus .fl03 .img.img_box1 .top p{ color:#fff; font-size:14px; text-transform:uppercase; opacity:0.6; letter-spacing:1px;} .ly_NyAboutus .list_box_17 { display: flex; margin: 0 -10px; } .ly_NyAboutus .list_box_17 li { width: 50%; padding: 0 10px; position: relative } .ly_NyAboutus .list_box_17 li .img { background: #000 } .ly_NyAboutus .list_box_17 li .img img { opacity: .75; max-width: 100%; } .ly_NyAboutus .list_box_17 li:nth-child(1) .img { border-radius: 0 0 0 50px; } .ly_NyAboutus .list_box_17 li:nth-child(2) .img { border-radius: 0 0 50px 0; } .ly_NyAboutus .list_box_17 li .top { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center } .ly_NyAboutus .list_box_17 li .top img { transition: .5s } .ly_NyAboutus .list_box_17 li .top b { display: block; font-weight: normal; font-size: 24px; color: #FFF; margin: 15px 0; } .ly_NyAboutus .list_box_17 li .top p { font-size: 15px; color: #FFF; padding: 0 30px; line-height: 25px; } .ly_NyAboutus .list_box_17 li:hover .top img { transform: rotateY(180deg); } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { } @media (max-width: 767px) { .ly_NyAboutus .fl03 { padding: 30px 0; } .ly_NyAboutus .fl03 .img.img_box1 { margin-bottom: 10px; border-radius: 20px 20px 0 0; } .ly_NyAboutus .fl03 .img.img_box1 .top { top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ly_NyAboutus .fl03 .img.img_box1 .top b { font-size: 17px; } .ly_NyAboutus .list_box_17 { display: inherit; margin: 0; } .ly_NyAboutus .list_box_17 li { width: 100%; padding: 0; margin-bottom: 10px; } .ly_NyAboutus .list_box_17 li .top img { height: 20px; } .ly_NyAboutus .list_box_17 li .top b { font-size: 17px; } .ly_NyAboutus .list_box_17 li .top p { font-size: 13px; } .ly_NyAboutus .list_box_17 li:nth-child(1) .img { border-radius: 0; } .ly_NyAboutus .list_box_17 li:nth-child(2) .img { border-radius: 0 0 20px 20px; } } /*内页企业文化 结束*/ /*内页关于我们 结束*/ /*内页成功案例 开始*/ .n_case{ padding:0 0 60px 0; min-height:300px;} .n_case ul li { width:100%; overflow:hidden;background: #f4f5f9;margin-bottom: 30px;} .n_case ul li .img {float: left;width: 30%;height: 240px;overflow: hidden;object-fit: cover;} .n_case ul li .img img {float: left;overflow: hidden;box-sizing: border-box;object-fit: cover;width: 100%;height: 100%;} .n_case ul li .right {float: right;width: 70%;padding: 28px 30px;box-sizing: border-box;} .n_case ul li .right b {display:block;font-size: 22px;color: #484848;margin-bottom: 25px;} .n_case ul li .right b a{ display:block;color: #484848;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .n_case ul li .right p { font-size: 15px; line-height: 28px; height: 48px; overflow: hidden; color: #7d7d7d; margin-bottom: 35px; } .n_case ul li .right .an { font-size: 15px; color: #8e8e91; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: #bfbfbf 1px solid; } .n_case ul li .right .an a{ color:#8e8e91;} .n_case ul li .right .an img { display:inline-block; margin-left:5px;width: 19px; height: auto; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; } .n_case ul li:hover .right .an img { width: 0; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; } .n_case ul li:hover .right .an{ background: #59bc2b; color: #fff; border: #59bc2b 1px solid } .n_case ul li:hover .right .an a{ color:#fff;} .n_case ul li:hover .right b a { color: #59bc2b;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .n_case ul li .img{ width:40%;} .n_case ul li .right{ width:60%;} } @media (max-width: 767px) { .n_case ul li .img{ width:100%;} .n_case ul li .right { width:100%; padding:20px;} .n_case ul li .right p{ margin-bottom:25px; font-size:14px;} .n_case ul li .right b{ margin-bottom:15px; font-size:20px;} .n_case ul li .right .an{ font-size:14px;} } /*内页成功案例 结束*/ /*内页联系我们 开始*/ .lyNyContact { margin-top:50px;} .lyNyContact .m{ position:relative; z-index:999;} .lyNyContact .lyNyContact_box{overflow:hidden;padding:70px;margin-top:50px;border:1px solid #eee;border-top:0;border-top: 7px solid #59bc2b;background: #fff;} .lyNyContact .lyNyContact_box .left{width: 50%;height:397px;border-right:1px solid #e4e7e9;box-sizing: border-box;} .lyNyContact .lyNyContact_box .right{ width:45%;} .lyNyContact .lyNyContact_box .tt{ margin-bottom:60px;} .lyNyContact .lyNyContact_box .tt b{font-size:36px;color: #59bc2b;font-weight:bold;text-transform:uppercase;display:inline-block;} .lyNyContact .lyNyContact_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;} .lyNyContact .lyNyContact_box ul{ border-top:1px solid #e4e7e9; padding-top:65px;} .lyNyContact .lyNyContact_box ul li{ font-size:14px; color:#727273; display:inline-block; padding:0 10px 0 40px; margin-bottom:30px; width:31.3333%; float:left; margin-right:3%; box-sizing:border-box; max-height:70px; overflow:hidden;} .lyNyContact .lyNyContact_box ul li:first-child{ width:100%;} .lyNyContact .lyNyContact_box ul li:last-child{ margin-right:0;} .lyNyContact .lyNyContact_box ul li b{ display:block; font-weight:normal; font-size:16px; color:#171717; margin-bottom:3px;} .lyNyContact .lyNyContact_box .ewm{ width:40%; float:left; margin-left:30px; text-align:center; font-size:16px; color:#303030;} .lyNyContact .lyNyContact_box .ewm img{ max-width:100%;margin-bottom:20px; border:1px solid #e5e5e5; padding:20px;} .lyNyContact_map {width:100%;overflow:hidden;padding:0;position: relative;margin-top: -100px;z-index: 99;} .lyNyContact_map .lyNyContact_Mapmain {width:100%;height:400px;overflow:hidden;border-top: 1px solid #e5e5e5;background-color:#fff; box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -moz-box-sizing: border-box;} .dz_map{ height:400px; overflow:hidden;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyContact .lyNyContact_box ul li{ width:45%;} .lyNyContact .lyNyContact_box .ewm img{ padding:10px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyContact .lyNyContact_box ul li{ width:45%;} .lyNyContact .lyNyContact_box .ewm img{ padding:10px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyContact .lyNyContact_box{ padding:40px 20px; margin-top:30px;} .lyNyContact .lyNyContact_box .left{ width:100%; height:auto; border:0;} .lyNyContact .lyNyContact_box .right{ width:100%;} .lyNyContact .lyNyContact_box .tt{ margin-bottom:30px;} .lyNyContact .lyNyContact_box ul{ padding-top:30px;} .lyNyContact .lyNyContact_box ul li{ width:100%;} .lyNyContact .lyNyContact_box .ewm{ margin:0; width:auto; margin-right:5%;} .lyNyContact .lyNyContact_box .ewm img{ padding:0;} } @media (max-width: 767px) { .lyNyContact .lyNyContact_box{ padding:40px 20px; margin-top:30px;} .lyNyContact .lyNyContact_box .left{ width:100%; height:auto; border:0;} .lyNyContact .lyNyContact_box .right{ width:100%;} .lyNyContact .lyNyContact_box .tt{ margin-bottom:30px;} .lyNyContact .lyNyContact_box ul{ padding-top:30px;} .lyNyContact .lyNyContact_box ul li{ width:100%;} .lyNyContact .lyNyContact_box .ewm{ margin:0; width:48%; margin-right:2%;} .lyNyContact .lyNyContact_box .ewm img{ padding:0;} } /*内页联系我们 结束*/ /*内页新闻中心 开始*/ .ly_Nynews{ padding:0 0 60px;} .lyNyNew_Tj {width: 100%;height: auto;margin: 40px auto;padding: 0;background-color: #f3f4f8;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;} .lyNyNew_Tj .lyNyNew_TjImg {width: 45%;height: 380px;overflow: hidden;margin: 0;padding: 0;background-color: #fff;position: relative;float: left;} .lyNyNew_Tj .lyNyNew_TjImg a img { display: block; width: 100%; height: 100%; margin: auto; padding: 0; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .lyNyNew_Tj:hover .lyNyNew_TjImg a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .lyNyNew_Tj .lyNyNew_TjText {width: 55%;height: auto;overflow: hidden;margin: 0;padding: 50px 40px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName {width: 100%;height: auto;overflow: hidden;margin: 0 auto;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a {display: block;width: 100%;height: 40px;overflow: hidden;line-height: 40px;color: #333;font-size: 22px;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;font-weight: bold;} .lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjName a { color: #59bc2b; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName .lyNyNew_TjTime {width: 80px;height: 40px;overflow: hidden;line-height: 40px;color: #ccc;font-size: 15px;text-align: right;margin: 0;padding: 0;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs { width: 100%; overflow: hidden; margin: 20px auto; padding: 0; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs p {width: 100%;height: 48px;overflow: hidden;line-height: 28px;color: #aaa;font-size: 15px;text-align: justify;text-indent: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;margin: 0 auto;padding: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjMs p { text-indent: 2em; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMore {width: 100%;height: 45px;overflow: hidden;margin: 40px auto 0;padding: 0;} .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMore a {display: block;width: 140px;height: 45px;overflow: hidden;line-height: 45px;color: #fff;font-size: 15px;text-align: center;margin: 0;padding: 0;border-radius: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #666;} .lyNyNew_Tj:hover .lyNyNew_TjText .lyNyNew_TjMore a { color: #fff; background-color: #59bc2b; } .nw_list{ width: 100%; min-height: 400px; margin: 25px auto 0; padding: 0; } .nw_list ul li { width: 50%; height: auto; overflow: hidden; padding:40px 20px; background-color: #fff;position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #eee;border-bottom:1px solid #eee ;} .nw_list ul li .time {width: 15%;float: left;text-align: center;background: #eee;height: 80px;padding-top: 15px; box-sizing:border-box;} .nw_list ul li .time .year { font-size: 15px; color: #757575; font-weight: normal; } .nw_list ul li .time span { width: 20%; margin: 0 auto; height: 1px; background: #888; display: block; } .nw_list ul li .time .month { font-size: 22px; color: #888; } .nw_list ul li .nws_text { width:82%; height: auto; overflow: hidden; float:right; padding: 0; } .nw_list ul li .nws_text .nw_name { margin: 0 0 4px; } .nw_list ul li .nws_text .nw_name a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 18px;text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0; } .nw_list ul li .nws_text p { width: 100%; height: 48px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-align: justify; margin: 0 auto; padding: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .nw_list ul li:hover { background:#59bc2b;} .nw_list ul li:hover .nws_text .nw_name a { color: #fff; } .nw_list ul li:hover .time { background:#fff;} .nw_list ul li:hover .time .year { color: #59bc2b; } .nw_list ul li:hover .time span { color: #59bc2b; } .nw_list ul li:hover .time .month { color: #59bc2b; } .nw_list ul li:hover .nws_text p { color:#fff;} .nw_list ul li:hover .time span{ background:#59bc2b;} @media screen and (max-width:1023px) and (min-width:768px) { .lyNyNew_Tj .lyNyNew_TjImg { height: 340px; } .nw_list ul li .nws_text{ width:75%;} .nw_list ul li .time{ width:20%;} } @media (max-width: 767px) { .lyNyNew_Tj{ margin:20px auto;} .lyNyNew_Tj .lyNyNew_TjImg { width: 100%; height: 220px; } .lyNyNew_Tj .lyNyNew_TjText { width: 100%; padding:20px; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName .lyNyNew_TjTime { position: static; text-align: left; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName a { height: 30px; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjName { padding: 0; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMore { margin-top: 20px; } .nw_list ul li { width: 100%; padding:20px; } .lyNyNew_Tj .lyNyNew_TjText .lyNyNew_TjMs{ margin:10px auto;} .nw_list ul li .nws_text{ width:70%;} .nw_list ul li .time{ width:25%;} } /*内页新闻中心 结束*/ /*内页-新闻详情&文章详情 开始*/ .ly_NyNewsdetail { width:1200px; overflow:hidden; margin:60px auto; padding:0;} .ly_NyNewsdetail .NyNewsdetail_title { width:100%; overflow:hidden; line-height:32px; color:#333; font-size:24px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .ly_NyNewsdetail .NyNewsdetail_tips { width:100%; height:auto; overflow:hidden; line-height:20px; color:#aaa; font-size:14px; text-align:center; margin:20px auto; padding:0 0 10px; border-bottom:1px dashed #dfdfdf;} .ly_NyNewsdetail .NyNewsdetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#565656; font-size:15px; text-align:justify;} .NyNewsdetail_con p, .NyNewsdetail_con div { width:100%; overflow:hidden; line-height:30px; color:#565656; font-size:15px; text-align:justify; _text-indent:2em; margin:0 auto; padding:0;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .NyNewsdetail_con table tr td p { text-indent:0!important;} .NyNewsdetail_con img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyNewsdetail { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyNewsdetail { width:96%; margin:40px auto;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyNewsdetail { width:96%; margin:40px auto;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} } @media (max-width: 767px) { .ly_NyNewsdetail { width:94%; margin:20px auto;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_PrevNext { margin:20px auto 0;} .ly_NyNewsdetail .NyNewsdetail_con { max-height:9999999999999999px;} .NyNewsdetail_con div { max-height:9999999999999999px; line-height:28px; color:#565656; font-size:14px; text-align:justify;} .NyNewsdetail_con p { width:100%; overflow:hidden; line-height:28px; color:#565656; font-size:14px; text-align:justify; _text-indent:2em; margin:0 auto; padding:0;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} } .ly_PrevNext { width:100%; overflow:hidden; margin:60px auto 0; padding:20px 0 0; border-top:1px solid #eaeaea;} .ly_PrevNext ul li { width:50%; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_PrevNext ul li a { color:#666; font-size:14px;} .ly_PrevNext ul li:last-child { text-align:right;} .ly_PrevNext ul li:hover { color:#59bc2b;} .ly_PrevNext ul li:hover a { color:#59bc2b;} @media screen and (max-width:1399px) and (min-width:1279px) { } @media screen and (max-width:1280px) and (min-width:1200px) { } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_PrevNext { margin:20px auto 0; padding:10px 0 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_PrevNext { margin: 20px auto 0; padding: 10px 0 0;} .ly_PrevNext ul li { padding:0;} } @media (max-width: 767px) { .ly_PrevNext { margin: 20px auto 0; padding: 10px 0 0;} .ly_PrevNext ul li { width:100%; padding:0;} .ly_PrevNext ul li:last-child { text-align:left;} } /*内页-新闻详情&文章详情 结束*/ /*内页-产品列表 开始*/ .ly_NyProducts{ padding:20px 0 30px;} .nyPro_list { width:100%; height:auto; margin:0 auto; padding:0 0 0.1px;} .nyPro_list ul li { width:100%; height:auto; margin:0 auto 30px; padding:20px; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li:hover { box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .nyPro_list ul li .nyProList_img { width:24%; height:158px; overflow:hidden; margin:0; padding:0; background-color:#fff; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative;} .nyPro_list ul li .nyProList_img a img.nyPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyPro_list ul li:hover .nyProList_img a img.nyPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .nyPro_list ul li .nyProList_text { width:72%; height:158px; overflow:hidden; margin:0; padding:0; float:right;} .nyPro_list ul li .nyProList_text .nyProList_name { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a:hover { color:#59bc2b;} .nyPro_list ul li .nyProList_text .nyProList_ms { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_ms p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#797979; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyPro_list ul li .nyProList_text .nyProList_tips { width:100%; overflow:hidden; margin:3px auto; padding:0;} .nyProList_text .nyProList_tips dl dd { display:inline-block; height:40px; overflow:hidden; line-height:40px; color:#aaa; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0 10px 0 0; float:left;} .nyProList_text .nyProList_tips dl dd span { color:#333;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_btn a { display:block; width:120px; height:34px; overflow:hidden; line-height:32px; color:#999; font-size:14px; text-align:center; margin:0 20px 0 0; padding:0; border:1px solid #ccc; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyProList_text .nyProList_btn a:hover { color:#fff; background-color:#59bc2b; border:1px solid #59bc2b;} .lyNy_Xgwz { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_tit { overflow:hidden; margin:0 auto; padding:18px 20px; background-color:#59bc2b;} .Xgwz_tit p { height:40px; line-height:40px; color:#fff; font-size:33px; font-weight:700; text-align:center; margin:0 auto; padding:0; margin-bottom:5px;} .Xgwz_tit span { display:block; height:20px; line-height:20px; color:rgba(255, 255, 255, 0.2); font-size:13px; text-align:center; text-transform: uppercase; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_list { width:100%; min-height: 150px; overflow:hidden; margin:0 auto; padding:0 8px; border:2px solid #59bc2b; border-top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-bottom:1px dashed #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li:last-child { border:0;} .lyNy_Xgwz .Xgwz_list ul li em { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; background: url(../images/icon4.png) center center no-repeat; position: absolute; left: 0; top: 14px;} .lyNy_Xgwz .Xgwz_list ul li:hover em { background: url(../images/icon5.png) center center no-repeat;} .lyNy_Xgwz .Xgwz_list ul li a { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#333; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_list ul li a:hover { color:#59bc2b;} @media screen and (max-width:1079px) and (min-width:1024px) { .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 22px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px;} .nyPro_list ul li { margin:0 auto 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 22px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px;} .nyPro_list ul li { margin:0 auto 20px; padding: 20px;} } @media (max-width: 767px) { .nyPro_list ul li { margin:0 auto 20px; padding:20px;} .nyPro_list ul li .nyProList_img { width:100%; height:255px; margin:0 auto 20px;} .nyPro_list ul li .nyProList_text { width:100%; height:auto;} .nyProList_text .nyProList_name a { height:40px; line-height:40px; font-size:18px;} .nyProList_text .nyProList_ms p { height:auto; max-height:48px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit;} .nyPro_list ul li .nyProList_text .nyProList_tips { margin:10px auto;} .nyProList_text .nyProList_tips dl dd { width:48%; height:30px; line-height:30px; margin:0 4% 0 0; padding:0;} .nyProList_text .nyProList_tips dl dd:nth-child(2n+2) { margin:0;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; margin:0 auto;} .nyProList_text .nyProList_btn a { width:48%; height:40px; line-height:38px; margin:0; float:left;} .nyProList_text .nyProList_btn a:first-child { margin:0 4% 0 0;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 20px;} .Xgwz_tit p { padding: 0; display: block; font-size: 22px; float: left; line-height: 40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px; font-size:16px;} } @media (max-width: 320px) { .nyPro_list ul li { margin:0 auto 12px; padding:12px;} .nyProList_text .nyProList_tips dl dd { width:100%; margin:0 auto;} .nyProList_text .nyProList_tips dl dd:nth-child(2n+2) { margin:0 auto;} } /*内页-产品列表 结束*/ /*产品分类 开始*/ .lyNyPro_main .lyNyPro_left { width:22%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyPro_main .lyNyPro_right { width:75%; height:auto; margin:0; padding:0; float:right;} .lyNyPro_left .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0 0 30px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd {text-align:center;background-color:#59bc2b;padding: 18px 20px;} .lyNyPro_left .cp_type .hd p {height:40px;line-height:40px;font-size: 33px;color:#fff;font-weight: 700;margin-bottom: 5px;} .lyNyPro_left .cp_type .hd span {display:block;height:20px;line-height:20px;font-size: 13px;color:rgba(255, 255, 255, 0.2);text-transform:uppercase;} .lyNyPro_left .cp_type .bd { padding:15px; border:5px solid #59bc2b; border-top:0;background: #fbfbfb; min-height:300px;} .lyNyPro_left .cp_type .bd ul li { margin:0 auto 12px;} .lyNyPro_left .cp_type .bd ul li:last-child { margin:0 auto;} .lyNyPro_left .cp_type .bd ul li p {height: 45px;line-height: 45px;background-color: #fff;border-radius: 48px;} .lyNyPro_left .cp_type .bd ul li p a {display:block;width:80%;padding: 0 0 0 25px;overflow: hidden;line-height:44px;color: #666;font-size:15px;white-space:nowrap;text-overflow: ellipsis;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lyNyPro_left .cp_type .bd ul li p span { display:block; width:20%; height:100%; background:url(../images/mulu4.png) center center no-repeat; cursor:pointer; float:right;} .lyNyPro_left .cp_type .bd ul li div { display:none;} .lyNyPro_left .cp_type .bd ul li div a { display:block; height:44px; line-height:44px; color:#797979; font-size:14px; padding:0 20px 0 40px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/icon4.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:first-child {} .lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color:#59bc2b;} .lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color:#fff;} .lyNyPro_left .cp_type .bd ul li p:hover span { background:url(../images/mulu3.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li.on p span { background:url(../images/mulu5.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#59bc2b; background:url(../images/icon5.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .lyNyPro_left .cp_type .bd ul a.ckqb:hover { background:#59bc2b; color:#fff;} .cp_type .bd a.pro_ckqb{display:block;height:34px;line-height:34px;font-size:16px;color:#fff;background:#59bc2b;width:100%;margin:10px auto 0;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd a.pro_ckqb:hover{background:#3c9c10;color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyPro_left .cp_type .bd ul li div a { padding:0 20px 0 40px;} .lyNyPro_left .cp_type .bd ul li div a {} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#59bc2b; background:url(../images/icon3.png) 24px center no-repeat;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyPro_main .lyNyPro_left{ width:100%;} .lyNyPro_main .lyNyPro_right{ width:100%; margin-top:20px;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#59bc2b url(../images/down1.png) 94% center no-repeat;padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#59bc2b url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px; font-size:20px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left;line-height:40px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { width:86.5%;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p {} .lyNyPro_left .cp_type .bd ul li div a {} .lyNyPro_left .cp_type .bd ul li p span { width:13.5%; background-size: 12px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 12px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 12px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyPro_main .lyNyPro_left{ width:100%;} .lyNyPro_main .lyNyPro_right{ width:100%; margin-top:20px;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#59bc2b url(../images/down1.png) 94% center no-repeat;padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#59bc2b url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px; font-size:20px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left;line-height:40px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { width:86%;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p span { width:14%; background-size: 12px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 12px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 12px;} } @media screen and (max-width:767px) { .lyNyPro_main .lyNyPro_left{ width:100%;} .lyNyPro_main .lyNyPro_right{ width:100%; margin-top:20px;} .lyNyPro_left .h_left { margin:0;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#59bc2b url(../images/down1.png) 94% center no-repeat;padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#59bc2b url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left;line-height:40px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p span { background-size: 12px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 12px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 12px;} } @media screen and (max-width:375px) { .lyNyPro_left .cp_type .hd span{ font-size:12px;} } /*产品分类 结束*/ /*内页产品中心 开始*/ .lyNyPro_right .n_pro_list { min-height: 364px; } .lyNyPro_right .n_pro_list li { width:31.3333%; margin-right: 3%; margin-bottom: 30px; transition: all .3s; float: left; } .lyNyPro_right .n_pro_list li:nth-child(3n+3) { margin-right: 0; } .lyNyPro_right .n_pro_list li .pic { display: block; height: 285px; background: #fff; text-align: center; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; overflow: hidden; position: relative; border: 1px solid #d8d8d8; } .lyNyPro_right .n_pro_list li .pic img { max-width: 95%; max-height: 95%; vertical-align: middle; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .lyNyPro_right .n_pro_list li .pic .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle } .lyNyPro_right .n_pro_list li .wz { overflow: hidden; border-bottom: 1px solid #d8d8d8; text-align: center; } .lyNyPro_right .n_pro_list li .wz .tlt { display: block; height: 50px; line-height: 50px; color: #666; font-size: 16px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/h_pro_jt.png) right center no-repeat; } .lyNyPro_right .n_pro_list li:hover .wz { text-align: left; background: url(../images/cp_hover.png) no-repeat right center; border-bottom: 1px solid #59bc2b; } .lyNyPro_right .n_pro_list li:hover .wz .tlt { color: #59bc2b; width: 80%; } .lyNyPro_right .n_pro_list li:hover .pic { border: 1px solid #59bc2b; box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.1); } .lyNyPro_right .n_pro_list li:hover .pic img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyPro_right .n_pro_list { min-height: 140px; } .lyNyPro_right .n_pro_list li .pic { height: 200px; } .lyNyPro_right .n_pro_list li { margin-bottom: 18px; } .lyNyPro_right .n_pro_list li .wz { padding: 3px 0 12px; } .lyNyPro_right .n_pro_list li .wz .tlt { font-size: 15px; height: 30px; line-height: 30px; } } @media screen and (max-width:767px) { .lyNyPro_right .n_pro_list { min-height: 140px; } .lyNyPro_right .n_pro_list li { width: 48.5%; } .lyNyPro_right .n_pro_list li:nth-child(2n+2) { margin-right: 0; } .lyNyPro_right .n_pro_list li:nth-child(3n+3){ margin-right:3%;} .lyNyPro_right .n_pro_list li:nth-child(6n+6) { margin-right: 0; } .lyNyPro_right .n_pro_list li .pic { height: 185px; } .lyNyPro_right .n_pro_list li { margin-bottom: 18px; } .lyNyPro_right .n_pro_list li .wz { padding: 9px 0 12px; } .lyNyPro_right .n_pro_list li .wz .tlt { font-size: 15px; height: 26px; line-height: 26px; background: none; } } /*内页产品中心 结束*/ /*内页产品详情 开始*/ /*内页-产品详情 开始*/ .ly_NyProDetail {overflow:hidden; margin:60px auto; padding:0;} .ly_NyProDetail .lyNyProDetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyProDetail_con .lyNyProDetail_left { width:21%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyProDetail_con .lyNyProDetail_right { width:76%; overflow:hidden; margin:0; padding:0; float:right;} .lyNyProDetail_right .lyNyProDetail_ConTit {margin:0 auto 30px;padding:0;background-color:#f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lyNyProDetail_ConTit p {width: 180px;height: 60px;overflow:hidden;line-height: 60px;color:#fff;font-size: 20px;text-align:center;margin:0;padding:0 20px;background-color: #59bc2b;} .lyNyProDetail_right .lyNyProDetail_ConText { width:100%; overflow:hidden; line-height: 28px; color: #555; font-size: 14px; margin:0 auto 30px; padding:0;} .lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; margin:0!important;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important;} .lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyProDetail { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProDetail { width:96%; margin:40px auto;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_left { margin:0 auto 20px;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProDetail { width:96%; margin:20px auto;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_left { margin:0 auto 20px;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} } @media (max-width: 767px) { .ly_NyProDetail { width:92%; margin:20px auto;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyProDetail_right { width:100%;} .lyNyProDetail_con .lyNyProDetail_right { margin:20px auto 0;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .lyNyProDetail_right .lyNyProDetail_ConText { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div { max-height:99999999999999999999999px;} .lyNyProDetail_ConTit p{ width:100px; height:50px; line-height:50px;} } .pro_detail_main { width:100%; height:auto; margin: 0 auto 40px; padding: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text {width: 42%;min-height:360px;overflow: hidden;margin: 0;padding: 0 0 77px;float: right;position:relative;} .pro_detail_main .sale_detail_text{min-height:280px;} .pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #32353a; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;} .pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f8f8f8; box-sizing: border-box;} .pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0;} .pro_detail_text .jyms p span { color:#333; font-weight: bold;} .pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;} .pro_detail_text ul li { width:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 15px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 10px auto; padding: 0; float:left;} .pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;} .pro_detail_text ul li span { color:#333;} .pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;} .pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #59bc2b;} .pro_detail_btn a.prodtl_btn2 { float:left; background-color: #4a4a4a;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #3d9c11;} .pro_detail_btn a.prodtl_btn2:hover { background-color: #2a2a2a;} /**产品详情页产品图片切换**/ .prodetail_img {width: 55%;height: 440px;margin: 0;padding: 0;float:left;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .prodetail_imgsale{ height:380px;} #preview { width:100%; margin:0; text-align:center; position:relative;} #preview .jqzoom_wrap{border: 1px solid #dfdfdf;padding:10px 2%;width: 80%;float: left;box-sizing: border-box;} .list-h li { float:left;} #spec-n5 {width: 17%;overflow:hidden;float: right; height:437px;} #spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li {float:left;display:inline;padding:0;width: 100%;height: 98px;margin: 0 2% 15px 0;} #spec-list ul li:last-child { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom {position:relative;width:100%;height: 415px;overflow:hidden;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .pro_detail_main { width:100%; padding:0;} .prodetail_img { width:45%; position:inherit;float: left;} #preview, .jqzoom { width:100%;} .pro_detail_main .pro_detail_text { width:52%;} .pro_detail_text .pro_detail_btn { width:100%;} .zoomdiv { left:104%!important;} } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .pro_detail_main { width:100%; margin: 25px auto;} .prodetail_img { width:100%; height:auto; margin:0 0 20px;} #preview { width:100%;} .jqzoom { width:100%;} .pro_detail_main .pro_detail_text { width:100%;padding-top:0;height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto; padding: 12px 16px; height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 6px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} .zoomdiv,.jqZoomPup { display:none !important;} #spec-n5{ height:445px;} } @media (max-width:767px) { .pro_detail_main { width:100%; margin:0 auto 20px;} .prodetail_img { width:100%; height:auto; margin:0 auto 20px;} #preview { width:100%;} .jqzoom { width:100%;height: 241px;} .pro_detail_main .pro_detail_text { width:100%; padding-top:0; height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:20px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto;padding: 12px;height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 4px auto;width:100%;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} .zoomdiv,.jqZoomPup { display:none !important;} #spec-list ul li{ height:62px; margin-bottom:5px;} #spec-n5{ height:267px;} } /*内页-产品详情 结束*/ /*分页样式 开始*/ #fengye { text-align: center; margin: 50px auto; color: #555; font-size:14px;} #fengye a { display: inline-block; padding: 0 10px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 2px; color: #555; font-size:14px;} #fengye a:hover { background: #59bc2b; color: #ffffff; } #fengye a.pnnum1 { background: #59bc2b; color: #ffffff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #59bc2b; width: 40px !important; height: 30px !important; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 5px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #555; cursor: default;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { #fengye { margin:25px auto;} } @media screen and (max-width:1023px) and (min-width:768px) { #fengye { margin: 20px auto;} } @media (max-width: 767px) { #fengye { margin:20px auto; font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 14px;} } /*分页样式 结束*/ /*右侧漂浮 开始*/ .client-2 {position:fixed;right:-170px;top:50%;z-index:99999;} .client-2 li a {text-decoration:none;} .client-2 li {margin-top:1px;clear:both;height:71px;position:relative;} .client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin: 4px auto 0;text-align:center;} .client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;} .client-2 .my-kefu-qq i {background-position:4px 5px;} .client-2 .my-kefu-tel i {background-position:0 -21px;} .client-2 .my-kefu-liuyan i {background-position:4px -53px;} .client-2 .my-kefu-weixin i {background-position:-34px 4px;} .client-2 .my-kefu-weibo i {background-position:-30px -22px;} .client-2 .my-kefu-ftop {display:none;} .client-2 .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;} .client-2 .my-kefu-left {float:left;width:77px;height:47px;position:relative;} .client-2 .my-kefu-tel-right {font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;} .client-2 .my-kefu-right {width:20px;} .client-2 .my-kefu-tel-main {background:#59bc2b;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;} .client-2 .my-kefu-main {background:#59bc2b;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;} .client-2 .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:333;} .my-kefu-weixin-pic img {width:115px;height:115px;} @media (max-width:880px) { .my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right{display:none;} .client-2{right:0;top: 70%;} .client-2 li{ height:51px; position: static;} .client-2 .my-kefu-tel-main,.client-2 .my-kefu-main{ width:50px;border-radius: 50px; height:50px;padding:0;} .my-kefu-main{background: #fe9c00 !important;} .client-2 li a p{ display:none;} .client-2 .my-kefu-ftop i {margin: 7px 0 0 8px;background-size: 56px;background-position: -23px -47px;} .client-2 .my-kefu-ftop{ margin-top:10px;} .client-2 .my-kefu-tel i {margin: 11px 0 0 13px;} } /*右侧漂浮 结束*/ #qb_collection_img_mask{display:none !important;} /*详情页内容超出设置*/ @media (min-width:1199px) { #c_detail_wrap #new-div .zoom-caret{display:none !important;} } #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} #c_detail_wrap #new-div{overflow-x: hidden;overflow-y: hidden;width: 100%;position:relative;} #c_detail_wrap #new-div .zoom-caret{display:block;position: absolute;top: 10px;right: 5px;font-size: 50px;color: #a7a5a5;z-index: 2;padding: 0;margin: 0;opacity: .3;} #c_detail_wrap #new-div table{transform-origin: left top;border-collapse: collapse;max-width: none!important;width: auto;} #c_detail_wrap #new-div table td{padding: 3px;border: 1px solid #ccc;} #c_detail_wrap #new-div table td img{max-width:90% !important;} #c_detail_wrap #new-div.on{overflow:scroll; width: 100%;} #c_detail_wrap #new-div.on .zoom-caret{display:none;} /*设置滚动条样式*/ #c_detail_wrap #new-div::-webkit-scrollbar {height:2px;}/* 滚动槽 */ #c_detail_wrap #new-div::-webkit-scrollbar-track {background-color:#f0f0f0;border-radius:0px;}/* 滚动条滑块 */ #c_detail_wrap #new-div::-webkit-scrollbar-thumb {background-color:#bfbfbf;} #c_detail_wrap #new-div::-webkit-scrollbar-thumb:window-inactive {background-color:#3c3c3c;} @media (max-width:880px) { #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} } @media (max-width:880px) { .online {z-index: 10;} } /*在线留言*/ .msg_btn input { width:160px!important; height:44px!important; line-height:44px!important; color:#fff!important; font-size:15px!important; text-align:center!important; border:none!important; background-color:#59bc2b!important; cursor:pointer!important;} .msg_btn input:last-child { background-color:#ccc!important;} /*内页-荣誉资质 开始*/ .ly_NyHonor { width:1300px; height:auto; margin:30px auto 60px; padding:0;} .ly_NyHonor .lyNyHonor_list { width:100%; height:auto; margin:0 auto; padding:0; min-height:300px;} .lyNyHonor_list ul li { width:23.5%; overflow:hidden; margin:0 2% 20px 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0;} .lyNyHonor_list ul li a.pic { display:block; height:200px; padding:2%;overflow:hidden; margin:0 auto;background-color:#fff; position:relative;text-align:center;border:1px solid #dedede;border-bottom:0;} .lyNyHonor_list ul li a img { max-width:100%; max-height:100%; vertical-align:middle; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyHonor_list ul li a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .lyNyHonor_list ul li a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyHonor_list ul li a.tlt { display:block; width:94%; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0 3%; background-color:rgba(0, 0, 0, 0.4); } .lyNyHonor_list ul li:hover .tlt{ background-color:#59bc2b;} @media screen and (max-width:1300px) and (min-width:1200px) { .ly_NyHonor { width:95%;} } @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyHonor { width:95%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyHonor { width:96%; margin:30px auto 50px;} .lyNyHonor_list ul li { height:248px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyHonor { width:96%; margin:30px auto 40px;} .lyNyHonor_list ul li a.pic{height:145px;} .lyNyHonor_list ul{min-height:200px;} .lyNyHonor_list ul li a.tlt { height:40px; line-height:40px; font-size:15px;} } @media (max-width: 767px) { .ly_NyHonor { width:94%; margin:30px auto 40px;} .lyNyHonor_list ul li { width:48.5%; height:auto; overflow:hidden; margin:0 3% 10px 0;} .lyNyHonor_list ul li:nth-child(2n) {margin:0 0 10px 0;} .lyNyHonor_list ul li a.pic{height:150px;} .lyNyHonor_list ul li a { height:auto;} .lyNyHonor_list ul li a.tlt { height:40px; line-height:40px; font-size:15px;} } /*内页-荣誉资质 结束*/ /*资料下载*/ .nw_list ul li .nws_text p.down_p{line-height:48px;} .nw_list ul li:hover .nws_text p.down_p a{ color:#fff;} .nw_list ul li .nws_text p.down_p em{ display:block; width:0; height:1px; background:#fff; transition: all .4s ease; float:left; margin-top:24px;} .nw_list ul li:hover .nws_text p.down_p em{ width:20%; margin-right:10px;} .DownDetail_btn a{ display:block;width:120px; height:50px; line-height:50px; background:#59bc2b; color:#fff; text-align:center; margin-right:10px; float:left;}